@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';
@import './custom.scss';

html, body, #app{
  height: 100%;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  min-width:1024px;
  background: url("") center center no-repeat fixed;
  background-size: cover;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff;
}
::-webkit-scrollbar-thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: 4px;
  background-color: rgba(144,147,153,.3);
  transition: background-color .3s;
}

div:focus{
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

//main-container全局样式
.app-main{
  //min-height: 100%;
  // display: flex;
  padding: 20px;
  border-top: 1px solid rgb(221, 221, 221);
  margin-top: 0px;
  overflow: auto;
  // position: absolute;
  bottom: 0;
  top: 105px;
  right: 0;
  left: 0;
  // margin-left: 250px;
}

.app-container {
  padding: 20px;
}

.no-padding{padding: 0 !important;}
.no-border textarea, .no-border input{border: 0 !important;}

// 字体颜色
.text-primary{
  color: #409EFF;
}
.text-success{
  color: #67C23A;
}
.text-warning{
  color: #E6A23C;
}
.text-danger{
  color: #F56C6C;
}
.text-muted{
  color: #909399;
}

// 背景颜色
.bg-primary{
  background-color: #409EFF !important;
}
.bg-success{
  background-color: #67C23A !important;
}
.bg-warning{
  background-color: #E6A23C !important;
}
.bg-danger{
  background-color: #F56C6C !important;
}
.bg-muted{
  background-color: #909399 !important;
}

.pswp--open{
  z-index: 99999 !important;
}

.pswp__caption__center{
  text-align: center !important;
}

[v-cloak] {
  display: none;
}

.BMap_cpyCtrl {
  display: none !important;
}

.anchorBL {
  display: none !important;
}

.el-alert--info.is-light {
  //border: 1px solid #abdcff;
  background-color: #e3f6ff;
  color: #409eff;
  .el-alert__content {
    color: #515a6e;
  }
}

.el-dialog{
  display: flex;
  flex-direction: column;
  margin:0 !important;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  /*height:600px;*/
  max-height:calc(100% - 30px);
  max-width:calc(100% - 30px);
}
.el-dialog .el-dialog__body{
  flex:1;
  overflow: auto;
}

.el-drawer__header {
  margin-bottom: 10px;
}
